<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<title>生产监控</title>
		<link rel="shortcut icon" href="favicon.ico">
		<link href="../static/css/bootstrap.min.css" rel="stylesheet" />
		<link href="../static/css/font-awesome.min.css" rel="stylesheet" />
		<!-- bootstrap-table 表格插件样式 -->
		<link href="../static/ajax/libs/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
		<link href="../static/css/animate.css" rel="stylesheet" />
		<link href="../static/css/style.css" rel="stylesheet" />
		<link href="../static/ruoyi/css/ry-ui.css" rel="stylesheet" />

		<style>

		</style>
	</head>
	<body class="gray-bg">

		<div class="container-div">

			<div class="row">
				<div class="col-sm-12 select-table table-striped">
					<div class="bootstrap-table">
						<div class="fixed-table-toolbar">
							<div class="bs-bars pull-left">
								<div class="row">
									<div class="col-md-12">
										<div class="btn-group btn-group-sm" role="group">

											<button class="btn btn-outline btn-info" type="button">鲜叶计量</button>
											<button class="btn btn-outline btn-info" type="button">杀青机</button>
											<button class="btn btn-outline btn-info" type="button">1#冷却输送</button>
											<button class="btn btn-outline btn-info" type="button">1#传输带</button>
											<button class="btn btn-outline btn-info" type="button">揉捻机</button>
											<button class="btn btn-outline btn-info" type="button">网带输送</button>
											<button class="btn btn-outline btn-info" type="button">烘干机</button>
											<button class="btn btn-outline btn-info" type="button">2#冷却输送</button>
											<button class="btn btn-outline btn-info" type="button">2#传输带</button>
											<button class="btn btn-outline btn-info" type="button">打包</button>
										</div>
									</div>
								</div>
							</div>
							<div class="pull-right search">

								当前时间：<span id="time"></span>&nbsp;&nbsp;

								<label>采集间隔</label>
								<select id="selectTime">
									<option value="1000" selected="selected">1s</option>
									<option value="2000">2s</option>
									<option value="3000">3s</option>
									<option value="4000">4s</option>
									<option value="5000">5s</option>
								</select>


								<button class="btn btn-danger" type="button">联机</button>
								<button class="btn btn-danger" type="button">断开</button>
							</div>
						</div>

						<img src="../static/img/production/2.1.png" height="188" width="1198" />
						<div class="row">
							<div class="col-md-2 col-md-offset-1">

								<div class="table-bordered">
									<table class="table">
										<tr>
											<td colspan="2" class="text-center">
												<span class="badge-dot bg-success"></span>
												<button type="button" class="btn btn-outline btn-xs btn-primary">
													鲜叶计量
												</button>
											</td>
										</tr>
										<tr>
											<td>鲜叶流量</td>
											<td>50 kg/h</td>
										</tr>
									</table>
								</div>

							</div>
							<div class="col-md-2">
								<div class="table-bordered">
									<table class="table">
										<tr>
											<td colspan="2" class="text-center">
												<span class="badge-dot bg-success"></span>
												<a role="button" class="btn btn-outline btn-xs btn-primary" onclick="$.modal.openTab('杀青管理','production/fixation.html')">
													杀青机
												</a>
											</td>
										</tr>
										<tr>
											<td>杀青温度</td>
											<td>220 'C</td>
										</tr>
										<tr>
											<td>滚筒转速</td>
											<td>960 rpm</td>
										</tr>
									</table>
								</div>
							</div>

							<div class="col-md-2">
								<div class="table-bordered">
									<table class="table">
										<tr>
											<td colspan="2" class="text-center">
												<span class="badge-dot bg-success"></span>
												<button type="button" class="btn btn-outline btn-xs btn-primary">
													1#冷却输送
												</button>
											</td>
										</tr>
										<tr>
											<td>输送速度</td>
											<td>100 rpm</td>
										</tr>
										<tr>
											<td>风扇转速</td>
											<td>500 rpm</td>
										</tr>
									</table>
								</div>
							</div>

							<div class="col-md-2">
								<div class="table-bordered">
									<table class="table">
										<tr>
											<td colspan="2" class="text-center">
												<span class="badge-dot bg-success"></span>
												<button type="button" class="btn btn-outline btn-xs btn-primary">
													1#输送带
												</button>
											</td>
										</tr>
										<tr>
											<td>输送速度</td>
											<td>100 rpm</td>
										</tr>
									</table>
								</div>
							</div>

							<div class="col-md-2">
								<div class="table-bordered">
									<table class="table">
										<tr>
											<td colspan="2" class="text-center">
												<span class="badge-dot bg-success"></span>
												<a role="button" class="btn btn-outline btn-xs btn-primary"  onclick="createMenuItem('production/twist.html','揉捻管理')">
													揉捻机
												</a>
											</td>
										</tr>
										<tr>
											<td>压力大小</td>
											<td>200 pa</td>
										</tr>
										<tr>
											<td>转盘转速</td>
											<td>30 rpm</td>
										</tr>
										<tr>
											<td>揉捻状态</td>
											<td>过程1</td>
										</tr>
									</table>
								</div>
							</div>



						</div>

						<img src="../static/img/production/2.2.png" height="165" width="1198" />
					</div>
					<div class="row">
						<div class="col-md-2 col-md-offset-1">

							<div class="table-bordered">
								<table class="table">
									<tr>
										<td colspan="2" class="text-center">
											<span class="badge-dot bg-success"></span>
											<a role="button" class="btn btn-outline btn-xs btn-primary"  onclick="createMenuItem('production/package.html','打包管理')">
												打包机
											</a>
										</td>
										</td>
									</tr>
									<tr>
										<td>参数1</td>
										<td>参数值</td>
									</tr>
									<tr>
										<td>参数2</td>
										<td>参数值</td>
									</tr>
								</table>
							</div>

						</div>
						<div class="col-md-2">
							<div class="table-bordered">
								<table class="table">
									<tr>
										<td colspan="2" class="text-center">
											<span class="badge-dot bg-success"></span>
											<button type="button" class="btn btn-outline btn-xs btn-primary">
												3#输送带
											</button>
										</td>
									</tr>
									<tr>
										<td>输送速度</td>
										<td>100 rpm</td>
									</tr>
								</table>
							</div>
						</div>

						<div class="col-md-2">
							<div class="table-bordered">
								<table class="table">
									<tr>
										<td colspan="2" class="text-center">
											<span class="badge-dot bg-success"></span>
											<button type="button" class="btn btn-outline btn-xs btn-primary">
												2#冷却输送
											</button>
										</td>
									</tr>
									<tr>
										<td>输送速度</td>
										<td>100 rpm</td>
									</tr>
									<tr>
										<td>风扇转速</td>
										<td>500 rpm</td>
									</tr>
								</table>
							</div>
						</div>

						<div class="col-md-2">
							<div class="table-bordered">
								<table class="table">
									<tr>
										<td colspan="2" class="text-center">
											<span class="badge-dot bg-success"></span>
											<a role="button" class="btn btn-outline btn-xs btn-primary"  onclick="createMenuItem('production/dry.html','干燥管理')">
												干燥机
											</a>
										</td>
									</tr>
									<tr>
										<td>干燥温度</td>
										<td>120 'C</td>
									</tr>
									<tr>
										<td>电机转速</td>
										<td>960 rpm</td>
									</tr>
									<tr>
										<td>风机转速</td>
										<td>360 rpm</td>
									</tr>
									<tr>
										<td>匀叶转速</td>
										<td>360 rpm</td>
									</tr>
								</table>
							</div>
						</div>

						<div class="col-md-2">
							<div class="table-bordered">
								<table class="table">
									<tr>
										<td colspan="2" class="text-center">
											<span class="badge-dot bg-success"></span>
											<button type="button" class="btn btn-outline btn-xs btn-primary">
												2#输送带
											</button>
										</td>
									</tr>
									<tr>
										<td>输送速度</td>
										<td>100 rpm</td>
									</tr>
								</table>
							</div>
						</div>



					</div>


				</div>

			</div>


		</div>

		<script src="../static/js/jquery.min.js"></script>
		<script src="../static/js/bootstrap.min.js"></script>
		<!-- bootstrap-table 表格插件 -->
		<script src="../static/ajax/libs/bootstrap-table/bootstrap-table.min.js"></script>
		<script src="../static/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
		<script src="../static/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js"></script>
		<script src="../static/ajax/libs/bootstrap-table/extensions/toolbar/bootstrap-table-toolbar.min.js"></script>
		<script src="../static/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js"></script>
		<!-- jquery-validate 表单验证插件 -->
		<script src="../static/ajax/libs/validate/jquery.validate.min.js"></script>
		<script src="../static/ajax/libs/validate/messages_zh.min.js"></script>
		<script src="../static/ajax/libs/validate/jquery.validate.extend.js"></script>
		<!-- jquery-validate 表单树插件 -->
		<script src="../static/ajax/libs/bootstrap-treetable/bootstrap-treetable.js"></script>
		<!-- jquery-export 表格导出插件 -->
		<script src="../static/ajax/libs/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
		<script src="../static/ajax/libs/bootstrap-table/extensions/export/tableExport.js"></script>
		<!-- 遮罩层 -->
		<script src="../static/ajax/libs/blockUI/jquery.blockUI.js"></script>
		<script src="../static/ajax/libs/iCheck/icheck.min.js"></script>
		<script src="../static/ajax/libs/layer/layer.min.js"></script>
		<script src="../static/ajax/libs/layui/layui.js"></script>
		<script src="../static/ruoyi/js/common.js?v=4.0.0"></script>
		<script src="../static/ruoyi/js/ry-ui.js?v=4.0.0"></script>

		<!--Echarts -->
		<script src="../static/ajax/libs/report/echarts/echarts-all.js"></script>
		<script src="../static/ruoyi/controller.js"></script>

		<script>
			systemTime();
			//获取系统时间，将时间以指定格式显示到页面。
			function systemTime() {
				//获取系统时间
				var dateTime = new Date();
				var hh = dateTime.getHours();
				var mm = dateTime.getMinutes();
				var ss = dateTime.getSeconds();

				//分秒时间是一位数字，在数字前补0
				hh = extra(hh);
				mm = extra(mm);
				ss = extra(ss);

				//将时间显示到ID为time的位置，时间格式形如：19:18:02
				document.getElementById("time").innerHTML = hh + ":" + mm + ":" + ss;

				//每隔1000ms执行方法systemTime()。
				setTimeout("systemTime()", 1000);
			}

			//补位函数
			function extra(x) {
				//如果传入数字小于10，数字前补一位0。
				if (x < 10) {
					return "0" + x;
				} else {
					return x;
				}
			}



		</script>

	</body>
</html>
